<div id="generalInfo">
	<div class="section">
	<div class="sectionHeading">Appliance Information</div>
	<div class="content">
		<div class="infoDiv">
			<div class="left">Model :</div>  
			<div class="right">{{ appInfo.versionInfo.model }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Firmware Build Tag :</div>
			<div class="right">{{appInfo.versionInfo.appliance}}-b{{appInfo.versionInfo.buildnumber}}-{{ appInfo.versionInfo.build }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Appliance Software Version :</div>
			<div class="right">{{appInfo.versionInfo.appliance}}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Registration Status :</div>  
			<div class="right">{{ appInfo.regInfo.registered_status }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Tunnel Status :</div>  
			<div class="right">{{ appInfo.tunnelInfo.tunnel_status }}</div>
		</div>
	</div>
	</div>
	<div><label>&nbsp;&nbsp;&nbsp;</label></div>
	<div class="section">
	<div class="sectionHeading">Network Information</div>
	<div class="content">
        <div class="infoDiv">
            <div class="left">Host Name :</div>  
            <div class="right">{{ appInfo.networkInfo.hostname }}</div>
        </div>
		<div class="infoDiv">
			<div class="left">Domain Name :</div>  
			<div class="right">{{ appInfo.networkInfo.domainname }}</div>
		</div>
		<div class="infoDiv">
            <div class="left">MAC Address:</div>  
            <div class="right">{{ appInfo.networkInfo.mac }}</div>
        </div>
		
		<div class="infoDiv">
			<div class="left">IP Address :</div>  
			<div class="right">{{ appInfo.networkInfo.ipaddr }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Subnet Mask :</div>  
			<div class="right">{{ appInfo.networkInfo.subnet }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">Default Gateway :</div>  
			<div class="right">{{ appInfo.networkInfo.gateway }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">DNS server #1 :</div>  
			<div class="right">{{ appInfo.networkInfo.dns1 }}</div>
		</div>
		<div class="infoDiv">
			<div class="left">DNS server #2 :</div>  
			<div class="right">{{ appInfo.networkInfo.dns2 }}</div>
		</div>
		{% if appInfo.networkInfo.vlanid != "" %}
		<div class="infoDiv">
			<div class="left">VLAN ID :</div>  
			<div class="right">{{ appInfo.networkInfo.vlanid }}</div>
		</div>
		{% endif %}
		<div><label>&nbsp;&nbsp;&nbsp;</label></div>
		{% if appInfo.networkInfo.wanip != "UNKNOWN" %}
		<div class="infoDiv">
			<div class="left">Detected Public IP :</div>  
			<div class="right">{{ appInfo.networkInfo.wanip }}</div>
		</div>
		{% endif %}
	</div>
	</div>
	
	{% if vlanArr %}
	<div><label>&nbsp;&nbsp;&nbsp;</label></div>
	<div class="section">
	<div class="sectionHeading">VLAN Information</div>
	<div class="content">
		<div><label>&nbsp;&nbsp;&nbsp;</label></div>
		<table width="90%" align="center" border="0" cellspacing="0" cellpadding="4">
		<tr>
			<th class="heading">VLAN ID </th>
			<th class="heading">IP Address </th>
			<th class="heading">Subnet Mask </th>
			<th class="heading">Interface </th>
		</tr>
		{% for vlan in vlanArr %}
		<tr>
			<td class="element"><input type="hidden" id="vlanID{{forloop.counter}}" name="vlanID{{forloop.counter}}" value="{{ vlan.0 }}">{{ vlan.0 }}</td>
			<td class="element"><input type="hidden" id="vlanIP{{forloop.counter}}" name="vlanIP{{forloop.counter}}" value="{{ vlan.1 }}">{{ vlan.1 }}</td>
			<td class="element"><input type="hidden" id="vlanSubnet{{forloop.counter}}" name="vlanSubnet{{forloop.counter}}" value="{{ vlan.2 }}">{{ vlan.2 }}</td>
			<td class="element"><input type="hidden" id="vlanInterface{{forloop.counter}}" name="vlanInterface{{forloop.counter}}" value="{{ vlan.3 }}">{{ vlan.3 }}</td>
		</tr>
		{% endfor %}
		</table>
	</div>
	</div>
	{% endif %}
	
	{% if sroutesArr %}
	<div><label>&nbsp;&nbsp;&nbsp;</label></div>
	<div class="section">
	<div class="sectionHeading">Static Routes Information</div>
	<div class="content">
		<div><label>&nbsp;&nbsp;&nbsp;</label></div>
		<table width="90%" align="center" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<th class="heading">Network</th>
			<th class="heading">Gateway</th>
			<th class="heading">Subnet Mask</th>
			<th class="heading">Metric</th>
			<th class="heading">Interface</th>
		</tr>
		{% for routes in sroutesArr %}
		<tr>
			<td class="element"><input type="hidden" id="srouteIP{{forloop.counter}}" name="srouteIP{{forloop.counter}}" value="{{ routes.0 }}">{{ routes.0 }}</td>
			<td class="element"><input type="hidden" id="srouteGateway{{forloop.counter}}" name="srouteGateway{{forloop.counter}}" value="{{ routes.1 }}">{{ routes.1 }}</td>
			<td class="element"><input type="hidden" id="srouteSubnet{{forloop.counter}}" name="srouteSubnet{{forloop.counter}}" value="{{ routes.2 }}">{{ routes.2 }}</td>
			<td class="element"><input type="hidden" id="srouteMetric{{forloop.counter}}" name="srouteMetric{{forloop.counter}}" value="{{ routes.3 }}">{{ routes.3 }}</td>
			<td class="element"><input type="hidden" id="srouteInterface{{forloop.counter}}" name="srouteInterface{{forloop.counter}}" value="{{ routes.4 }}">{{ routes.4 }}</td>
		</tr>
		{% endfor %}
		</table>
	</div>
	</div>
	{% endif %}
</div>	
  
<script  type="text/javascript" >
	toggleLeftMenu('general');
</script>
